
$(document).on('ready', function() {
    guardarcat = 0;
    $(".botoncitos").button();
    wWidth = $(window).width();
    dWidth = wWidth * 0.8;
    $("#detproducto").dialog({
        width: dWidth,
        height: 600,
        autoOpen: false,
        modal: true,
        show: {
            effect: "blind",
            duration: 300
        },
        hide: {
            effect: "blind",
            duration: 300
        }
    }).css("font-size", "15px");
    $('#detproducto').submit(function(e) {
        e.preventDefault();
    });

//CATEGORIAS
///***********************************************/
//

    $("#progedit").hide();
    //SELECCION DE IMAGENES AGREGAR 
    $('#imagenefile').change(function() {
        var fileName = $('#imagenefile').val();
        var clean = fileName.split('\\').pop(); // clean from C:\fakepath OR C:\fake_path 
        $("#filenamehiddimg").val(clean);
    });
    //SELECCION DE IMAGENES EDITAR
    /****************************************************/
    $('#editimagenefile').change(function() {
        var fileName = $('#editimagenefile').val();
        var clean = fileName.split('\\').pop(); // clean from C:\fakepath OR C:\fake_path 
        $("#editfileinput").val(clean);
    });
    //ADD CATEGORIAS
    $("#prog").hide();
    //---------------------------------------------------------------------
    $("#addcategoria").click(function() {
        $("#formcategoria").trigger("reset");
        $("#categoriafile").val("");
        $("#respuesta").html("");
        $("#divcategorias").dialog("open");
    });
    /****************************************************/
    /****************************************************/
    //DECLARACION DIALOG DIV AGREGAR Y EDITAR CATEGORIAS
    $("#divcategorias").dialog({
        height: 'auto',
        width: '400',
        autoOpen: false,
        modal: true,
        show: {
            effect: "blind",
            duration: 300
        },
        hide: {
            effect: "blind",
            duration: 300
        }
    }).css("font-size", "15px", "width", "auto");
    $('#divcategorias').submit(function(e) {
        e.preventDefault();
    });
    /****************************************************/
    $("#editarcategoria").dialog({
        height: 'auto',
        width: 'auto',
        autoOpen: false,
        modal: true,
        show: {
            effect: "blind",
            duration: 300
        },
        hide: {
            effect: "blind",
            duration: 300
        }
    }).css("font-size", "15px", "width", "auto");
    $('#editarcategoria').submit(function(e) {
        e.preventDefault();
    });
    /****************************************************/
    /****************************************************/
    //GUARDAR CATEGORIA BUTTON ADD DIALOG
    $("#subircategoria").click(function(e) {
        e.preventDefault();
        $.ajax({
            url: "http://localhost:26/ecomerce/Categorias",
            type: "POST",
            data: $("#formcategoria").serialize(),
            success: function() {
             
                if ($("#filenamehiddcategoria").val()) {
                    $("#prog").show();
                    //LUEGO DE AGREGAR LA CATEGORIA SE SUBE LA IMAGEN CORRESPONDIENTE
                    $("#categoriafile").upload("http://localhost:26/ecomerce/categorias/subirimagen", function(e) {
                        $("#respuesta").html(e);
                        llenarlistbox();
                        alert("Agregada con exito");
                        $("#divcategorias").dialog("close");
                        $("#prog").hide();
                    }, $("#prog"));
                } else {
                    llenarlistbox();
                    alert("Agregada con exito");
                    $("#divcategorias").dialog("close");
                }
            },
            error: function() {
                alert("No fue agregado");
            }
        });
    });
    /****************************************************/
    /****************************************************/
    //ELIMINAR CATEGORIA BUTTON DIALOG
    $("#eliminarcategoria").click(function(e) {
        e.preventDefault();
        $.ajax({
            url: 'http://localhost:26/ecomerce/Categorias/delete/' + guardarcat,
            type: "POST",
            success: function() {
                llenarlistbox();
                alert("Categoria eliminada con exito");
                $("#editarcategoria").dialog("close");
            }, error: function() {
                alert("No se pudo eliminar, compruebe que no esté asignada a algun producto");
            }
        });

    });
    /****************************************************/
    //EDITAR CATEGORIA BUTTON DIALOG
    $("#editarbutton").click(function(e) {
        e.preventDefault();
        $.ajax({
            url: 'http://localhost:26/ecomerce/Categorias/edit/' + guardarcat,
            type: "POST",
            data: $("#formedit").serialize(),
            success: function() {
                if ($("#editcategoriafile").val()) {
                    $("#progedit").show();
                    //LUEGO DE AGREGAR LA CATEGORIA SE SUBE LA IMAGEN CORRESPONDIENTE
                    $("#editcategoriafile").upload("http://localhost:26/ecomerce/categorias/subirimagen", function(e) {
                        $("#respuestaedit").html(e);
                        llenarlistbox();
                        alert("Editado con exito");
                        $("#editarcategoria").dialog("close");
                        $("#progedit").hide();
                        $("#respuestaedit").html("");
                    }, $("#progedit"));
                } else {
                    alert("Editado con exito");
                    llenarlistbox();
                    $("#editarcategoria").dialog("close");
                }
            }
        });
    });
    /****************************************************/
    //-----------------------------------------------------------------------    
    $("#minimizar").click(function() {
        $('#divcarrito').slideToggle(500);
    });
    $("#todos").click(function() {
        TodosProductos();
    });
    //_----------------------------------------------------------------------
//AutoComplete
    //-----------------------------------------
    $("#resultado").hide();
    /* $("#producto").autocomplete({
     source: "Productos/autoComplete",
     minLength: 1,
     focus: function(event, ui) {
     $("#producto").val(ui.item.Producto.producto);
     return false;
     },
     select: function(event, ui) {
     $("#producto").val(ui.item.Producto.producto);
     var id = ui.item.Producto.id;
     
     $.ajax({
     url: 'Productos/getData/' + id,
     dataType: 'json',
     success: function(data) {
     var html = '<div class="productos">';
     html += '<h3>Detalle del producto</h3><br>';
     html += '<p>' + data.Producto.detalleProducto + '</p>'
     html += '</div>';
     $("#resultado").html(html);
     $("#resultado").show('blind');
     }
     });
     return false;
     }//cuando se seleccione un elemento
     }).data("ui-autocomplete")._renderItem = function(ul, item) {
     return $("<li>")
     .data("ui-autocomplete-item", item)
     .append("<a>" + item.Producto.producto + "</a>")
     .appendTo(ul);
     };
     */
    //-----------------------------------------------------------------------

    llenarlistbox();
    TodosProductos();
});
//--------------------------------------------------------------------------------------------
//
function llenarlistboxcategorias(resp) {
    $.ajax({
        url: 'http://localhost:26/ecomerce/categorias/listacategorias',
        dataType: 'json',
        success: function(data) {
            if (resp) {
                var list = '<select id="select-categoria"><option>Seleccione una Categoria</option>';
            } else if (!resp) {
                var list = '<select id="select-categoria2"><option>Seleccione una Categoria</option>';
            }
            $.each(data, function(item) {
                var idCat = data[item].Categoria.id;
                var categorianom = data[item].Categoria.categoria;
                list += '<option value=' + idCat + '>' + categorianom + '</option>';
            });
            list += '</select>';
            if (resp) {
                $('#list-categoria').html(list);
            } else if (!resp) {
                $('#list-categoria2').html(list);
            }
        }

    });
}

//-------------------------------------------------------------------------------------------
//Funciones--->
function llenarlistbox() {
    $.ajax({
        beforeSend: function() {
            $('#list-categorias').html("<center><img src='/ecomerce/css/img/ajax_small.gif' /></center>");
        },
        url: 'http://localhost:26/ecomerce/Categorias/listacategorias',
        dataType: 'json',
        success: function(data) {
            arreglo = [];
            var listacat = "";
            $.each(data, function(item) {
                var idCat = data[item].Categoria.id;
                var cat = data[item].Categoria.categoria;
                var img = data[item].Categoria.filename;
                ele = {}
                ele ["Id"] = idCat;
                arreglo.push(ele);
                listacat += '<div data-id="' + idCat + '">';
                listacat += '<p><img src="/ecomerce/img/uploads/categoria/filename/' + img + '" alt="' + cat + '" class="imgcategorias"></p>';
                listacat += '<h2><span>' + cat + '</span></h2>';
                listacat += '<p></p>';
                listacat += '</div>';
            });
            if (arreglo == "") {
                $('#list-categorias').html("<center>Actualmente no hay categorias</center>");
            } else {
                $('#list-categorias').html(listacat);
            }
            convertir();
        }
    });
}

//---------------------------------------------------------------------------------------------------
function llenarProductos(idCat) {
    var listaproductos = '';
    $.ajax({
        beforeSend: function() {
            $('#list-productos').html("<center><img src='/ecomerce/css/img/ajax_small.gif' /></center>");
        },
        url: 'http://localhost:26/ecomerce/Productos/productos_categorias/' + idCat,
        dataType: 'json',
        success: function(data) {

            if ((data != null) && (data != "")) {

                listaproductos += '<ul id="productosul">';
                $.each(data, function(item2) {

                    listaproductos += '<li class="productos" data-id=' + data[item2].Producto.id + ' id="slidingProduct' + data[item2].Producto.id + '">';
                    listaproductos += '<p class="namepcarr">' + data[item2].Producto.producto + '</p>';
                    listaproductos += '<p>Precio: $' + data[item2].Producto.precioVenta + '</p>';
                    listaproductos += '<p>stock: ' + data[item2].Producto.stock + '</p>';
                    var imagenes = data[item2].Imagene;
                    $.each(imagenes, function(item3) {
                        listaproductos += '<img src="/ecomerce/img/uploads/imagene/filename/' + imagenes[item3].filename + '" class="imgproductos" data-id="' + data[item2].Producto.id + '">';
                        return false;
                    });
                    listaproductos += '<br><button type=button class=botoncito data-id=' + data[item2].Producto.id + '> Ver </button>';

                    listaproductos += '</li>';

                });

                listaproductos += '</ul>';
                $('#list-productos').html(listaproductos);
            } else {
                listaproductos = "<center>Actualmente no hay productos en esta categoria</center>";
                $('#list-productos').html(listaproductos);
            }
        }
    });
}
//-------------------------------------------------------------------------------------------------------

//-----------------------------DETALLE PRODUCTO----------------------------------------------------------



//--------------------------------------------------------------------------------------------------
//      CONVERTIR PARA DETALLE PRODUCTO

function convertir2() {
    $('#contImgPro').movingBoxes({
        /* width and panelWidth options deprecated, but still work to keep the plugin backwards compatible
         width: 500,
         panelWidth: 0.5,
         */
        startPanel: 1, // comenzar con el panel 1
        wrap: true, // true, para un loop infinitos
        buildNav: true, // true, link de navegacion activado
        navFormatter: function(index, panel) {
            return  "&#9679;";//devuelve º puntos
        }, beforeAnimation: function(e, slider, tar) {
            $('list-productos').html("<center><img src='/ecomerce/css/img/ajax_small.gif' /></center>");

        }
        //el panel imprime el nombre de la cat 

    });

}
//--------------------------------------------------------------------------------------------------







//---------------------------------------------------------------------------------------------------------
function TodosProductos() {
    var flag = false;
    var listaproductos = '';
    $.ajax({
        beforeSend: function() {
            $('#list-productos').html("<center><img src='/ecomerce/css/img/ajax_small.gif' /><center>");
        },
        url: 'http://localhost:26/ecomerce/Productos/listaproductos',
        dataType: 'json',
        success: function(data) {
            listaproductos += '<ul id="productosul">';
            $.each(data, function(item2) {
                if (data != "") {

                    flag = true;
                    listaproductos += '<li class="productos" data-id=' + data[item2].Producto.id + ' id="slidingProduct' + data[item2].Producto.id + '">';
                    listaproductos += '<p class="namepcarr">' + data[item2].Producto.producto + '</p>';
                    listaproductos += '<p>Precio: $' + data[item2].Producto.precioVenta + '</p>';
                    listaproductos += '<p>stock: ' + data[item2].Producto.stock + '</p>';
                    var imagenes = data[item2].Imagene;
                    $.each(imagenes, function(item3) {
                        listaproductos += '<img src="/ecomerce/img/uploads/imagene/filename/' + imagenes[item3].filename + '" class="imgproductos" data-id="' + data[item2].Producto.id + '">';

                        return false;
                    });

                    listaproductos += '<br><button type=button class=botoncito data-id=' + data[item2].Producto.id + '> Ver </button>';
                    listaproductos += '</li>';
                }
            });
            if (flag) {
                listaproductos += '</ul>';
                $('#list-productos').html(listaproductos);
            } else {
                listaproductos = "<center>Actualmente no hay productos en la Base de datos</center>";
                $('#list-productos').html(listaproductos);
            }
        }

    });
}

function convertir() {
    $('#list-categorias').movingBoxes({
        /* width and panelWidth options deprecated, but still work to keep the plugin backwards compatible
         width: 500,
         panelWidth: 0.5,
         */
        startPanel: 1, // comenzar con el panel 1
        wrap: true, // true, para un loop infinito
        buildNav: true, // true, link de navegacion activado
        navFormatter: function(index, panel) {
            return  "&#9679;";
        }, beforeAnimation: function(e, slider, tar) {
            $('list-productos').html("<center><img src='/ecomerce/css/img/ajax_small.gif' /></center>");
        },
        //el panel imprime el nombre de la cat 
        completed: function(e, slider, tar) {
            var idcat = arreglo[tar - 1].Id;
            llenarProductos(idcat);
        }
    });
}
$(document).on("dblclick", ".mb-scroll", function() {
    if ($('#list-categorias').data('movingBoxes').curPanel != "") {
        var idcat = $('#list-categorias').data('movingBoxes').curPanel;
        guardarcat = arreglo[idcat - 1].Id;
        $("formedit").trigger("reset");
        var nombre = "";
        var filename = "";
        $.ajax({
            url: 'http://localhost:26/ecomerce/Categorias/view/' + guardarcat,
            dataType: 'json',
            type: "POST",
            success: function(data) {

                $.each(data, function(item2) {
                    nombre = data[item2].categoria;
                    filename = data[item2].filename;
                    return false;
                });
                $("#editcatinput").val(nombre);
                $("#editfileinput").val(filename);
                $("#editcategoriafile").val("");
                $("#editarcategoria").dialog("open");
            },
            error: function() {
                alert("No Existe esta categoria");
            }
        });
    } else {
        alert("No hay categoria para editar");
    }
});
//-----------------------------------------------------------------------------------------------------

$(document).on("click", ".botoncito", function(e) {

    var idPro = $(this).attr("data-id");
    $("#idproducto").val(idPro);
    imagenesproductos(idPro);


});
function imagenesproductos(id) {
    $.ajax({
        url: 'http://localhost:26/ecomerce/productos/productobusq/' + id,
        dataType: 'json',
        success: function(data) {
            var detalle = '';
            var imgPro = '';
            var imagenes = data.Imagene;

            detalle += '<div class="nomPro">Producto:' + data.Producto.producto + ' </div>';
            $.each(imagenes, function(item3) {
                imgPro += '<div>';
                imgPro += '<p><img src=/ecomerce/img/uploads/imagene/filename/' + imagenes[item3].filename + ' class="imgdetpro"></p>';
                imgPro += '<h2><span></span></h2>';
                imgPro += '<p></p>';
                imgPro += '</div>';
            });
            detalle += '<br><div class="detallePro">Detalle:<br>' + data.Producto.detalleProducto + '</div><br>';
            detalle += '<div class="nomPro">Precio: $ ' + data.Producto.precioVenta + '</div>';



            $('#detalleProducto').html(imgPro);
            $('#derdetpro').html(detalle);
            $('#detproducto').dialog("open");
            convertir2();
        }


    });
}

function convertir2() {
    $('#detalleProducto').movingBoxes({
        /* width and panelWidth options deprecated, but still work to keep the plugin backwards compatible
         */
        width: 500,
        startPanel: 1, // comenzar con el panel 1
        wrap: false, // true, para un loop infinito
        buildNav: true, // true, link de navegacion activado
        navFormatter: function(index, panel) {
            return  "&#9679;";//devuelve º puntos
        }, beforeAnimation: function(e, slider, tar) {
            $('list-productos').html("<center><img src='/ecomerce/css/img/ajax_small.gif' /></center>");

        }
        //el panel imprime el nombre de la cat 

    });

}
//-----------------------------